/* //设置圆角 */
checkbox.checkRound .wx-checkbox-input,
checkbox.checkRound .uni-checkbox-input {
	border-radius: 100rpx;
	border: 2px solid #ccc;
}

/* //设置背景色 */
checkbox.checkBg[checked] .wx-checkbox-input,
checkbox.checkBg.checked .uni-checkbox-input {
	background-color: #64B5F6 !important;
	border-color: #64B5F6 !important;
	color: #fff !important;
}

/* button 格式化 */

.button-none {
	border: 0;
	background: none;
	padding: 0;
	border-radius: 0;
	line-height: 1;
	margin: 0;
}

.button-none::after {
	border: 0;
}

/* ==================
          文本
 ==================== */
.text-xss {
	font-size: 16rpx;
}

.text-xs {
	font-size: 20rpx;
}

.text-xsm {
	font-size: 22rpx;
}

.text-sm {
	font-size: 24rpx;
}

.text-smd {
	font-size: 26rpx;
}

.text-df {
	font-size: 28rpx;
}

.text-fl {
	font-size: 30rpx;
}

.text-lg {
	font-size: 32rpx;
}

.text-xl {
	font-size: 36rpx;
}

.text-xsl {
	font-size: 40rpx;
}

.text-xxl {
	font-size: 48rpx;
}

.text-sl {
	font-size: 60rpx;
}

.text-ssl {
	font-size: 80rpx;
}

.text-dl {
	font-size: 90rpx;
}

.text-small {
	font-weight: 300;
}

.text-big {
	font-weight: 500;
}

.text-bold {
	font-weight: bold;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}


/* ==================
          颜色
 ==================== */
.color-df {
	/* color: #64B5F6; */
	color: #d93722;
	/* color: rgb(217, 55, 34) */
}

.color-price {
	color: #DB402C
}

.color-r {
	color: #EF5350;
}

.color-df-a {
	color: rgb(100, 181, 246, 0.6)
}

.color-white {
	color: #ffffff;
}

.color-green {
	color: #4CAF50;
}

.color-white-q {
	color: #eee;
}

.color-black {
	color: #333333;
}

.color-black-b {
	color: #666;
}

.color-red {
	color: #D32F2F;
}

.color-yellow {
	color: #FDD835;
}

.color-gold {
	color: #B05E05;
}

.color-golden {
	color: #ffeae0;
}

.color-purple {
	color: #9C27B0;
}

.color-orange {
	color: orange;
}

.color-gray {
	color: #ccc;
}

.color-grey {
	color: #607D8B;
}

.color-blue {
	color: #64B5F6;
}

.color-black-q {
	color: #999;
}

/* ==================
          背景颜色
 ==================== */

.bg-df {
	/* background-color: #64B5F6; */
	background-color: #d93722;
}
.bg-df1 {
	/* background-color: #64B5F6; */
	background-color: #3E6DFF;
}
.bg-blue {
	background-color: #64B5F6;
}

.bg-df-a {
	background-color: rgba(250, 246, 246, 1);
}

.bg-black-b {
	background-color: #000;
}

.bg-black {
	background-color: #333333;
}

.bg-white {
	background-color: #ffffff;
}

.bg-or {
	background-color: #f8f8f8;
}

.bg-or-l {
	background-color: #eee;
}

.bg-gray {
	background-color: #f3f4f6;
}

.bg-gray-q {
	background-color: #e3e3e3;
}

.bg-gray-b {
	background-color: rgb(223, 223, 223);
}


.bg-red {
	background-color: #D32F2F;
}

.bg-orange {
	background-color: #f37b1d;
}

.bg-yellow {
	background-color: #fbbd08;
}

.bg-green {
	background-color: #66BB6A;
}

.bg-white-q {
	background-color: rgba(255, 255, 255, 0.3);
}

.bg-white-qq {
	background-color: rgba(255, 255, 255, 0.7);
}

.bg-black-q {
	background-color: rgba(0, 0, 0, 0.2);
}

.bg-black-qq {
	background-color: rgba(0, 0, 0, 0.6);
}

.bg-df-q {
	background: rgba(217,55,34,0.1);
}

.bg-golden {
	background-color: #ffeae0;
}

/* ==================
          圆角
 ==================== */

.round {
	border-radius: 1000rpx;
}

.radius-sm {
	border-radius: 4rpx;
}

.radius {
	border-radius: 8rpx;
}

.radius-xl {
	border-radius: 16rpx;
}

.radius-xxl {
	border-radius: 32rpx;
}

.radius-sl {
	border-radius: 60rpx;
}

.radius-ltr {
	border-top-left-radius: 24rpx;
	border-top-right-radius: 24rpx;
}


/* ==================
         flex弹性布局
 ==================== */
.flex {
	display: flex;
}

.flex-sub {
	flex: 1;
}

.flex-direction-row {
	display: flex;
	flex-direction: row;
}

.flex-direction-column {
	display: flex;
	flex-direction: column;
}

.flex-shrink {
	/* flex-shrink: 0; */
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}


.flex-direction-row-reverse {
	flex-direction: row-reverse;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.gap-sm {
	gap: 20rpx
}

.gap-xs {
	gap: 10rpx
}

.gap {
	gap: 30rpx
}

/* grid布局 */

.col-1 {
	width: 100%;
}

.height-vh {
	height: 100vh;
}

.height-1 {
	height: 100%;
}

.height-100 {
	min-height: 100vh;
}

.col-2 {
	width: 50%;
}

.col-3 {
	width: 33.3%;
}

.col-4 {
	width: 25%;
}

.col-5 {
	width: 20%;
}


/* ==================
         内外边距
 ==================== */

.margin-0 {
	margin: 0;
}

.margin-xs {
	margin: 10rpx;
}

.margin-xsm {
	margin: 16rpx;
}

.margin-sm {
	margin: 20rpx;
}

.margin {
	margin: 30rpx;
}

.margin-lg {
	margin: 40rpx;
}

.margin-xl {
	margin: 50rpx;
}

.margin-top-xss {
	margin-top: 6rpx;
}

.margin-top-xs {
	margin-top: 10rpx;
}

.margin-top-xsm {
	margin-top: 16rpx;
}

.margin-top-sm {
	margin-top: 20rpx;
}

.margin-top {
	margin-top: 30rpx;
}

.margin-top-lg {
	margin-top: 40rpx;
}

.margin-top-xl {
	margin-top: 50rpx;
}

.margin-right-xs {
	margin-right: 10rpx;
}

.margin-right-sm {
	margin-right: 20rpx;
}

.margin-right-xsm {
	margin-right: 16rpx;
}

.margin-right {
	margin-right: 30rpx;
}

.margin-right-lg {
	margin-right: 40rpx;
}

.margin-right-xl {
	margin-right: 50rpx;
}

.margin-bottom-xs {
	margin-bottom: 10rpx;
}

.margin-bottom-xsm {
	margin-bottom: 16rpx;
}

.margin-bottom-sm {
	margin-bottom: 20rpx;
}

.margin-bottom {
	margin-bottom: 30rpx;
}

.margin-bottom-lg {
	margin-bottom: 40rpx;
}

.margin-bottom-xl {
	margin-bottom: 50rpx;
}

.margin-left-xss {
	margin-left: 5rpx;
}

.margin-left-xs {
	margin-left: 10rpx;
}

.margin-left-sm {
	margin-left: 20rpx;
}

.margin-left {
	margin-left: 30rpx;
}

.margin-left-lg {
	margin-left: 40rpx;
}

.margin-left-xl {
	margin-left: 50rpx;
}

.margin-lr-xs {
	margin-left: 10rpx;
	margin-right: 10rpx;
}

.margin-lr-sm {
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.margin-lr {
	margin-left: 30rpx;
	margin-right: 30rpx;
}

.margin-lr-lg {
	margin-left: 40rpx;
	margin-right: 40rpx;
}

.margin-lr-xl {
	margin-left: 50rpx;
	margin-right: 50rpx;
}

.margin-tb-xs {
	margin-top: 10rpx;
	margin-bottom: 10rpx;
}

.margin-tb-sm {
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}

.margin-tb {
	margin-top: 30rpx;
	margin-bottom: 30rpx;
}

.margin-tb-lg {
	margin-top: 40rpx;
	margin-bottom: 40rpx;
}

.margin-tb-xl {
	margin-top: 50rpx;
	margin-bottom: 50rpx;
}


.padding-0 {
	padding: 0;
}

.padding-xss {
	padding: 6rpx;
}

.padding-xs {
	padding: 10rpx;
}

.padding-xsm {
	padding: 16rpx;
}

.padding-sm {
	padding: 20rpx;
}

.padding {
	padding: 30rpx;
}

.padding-lg {
	padding: 40rpx;
}

.padding-xl {
	padding: 50rpx;
}

.padding-top-xs {
	padding-top: 10rpx;
}

.padding-top-sm {
	padding-top: 20rpx;
}

.padding-top {
	padding-top: 30rpx;
}

.padding-top-lg {
	padding-top: 40rpx;
}

.padding-top-xl {
	padding-top: 50rpx;
}

.padding-right-xs {
	padding-right: 10rpx;
}

.padding-right-sm {
	padding-right: 20rpx;
}

.padding-right {
	padding-right: 30rpx;
}

.padding-right-lg {
	padding-right: 40rpx;
}

.padding-right-xl {
	padding-right: 50rpx;
}

.padding-bottom-xs {
	padding-bottom: 10rpx;
}

.padding-bottom-sm {
	padding-bottom: 20rpx;
}


.padding-bottom {
	padding-bottom: 30rpx;
}

.padding-bottom-lg {
	padding-bottom: 40rpx;
}

.padding-bottom-xl {
	padding-bottom: 50rpx;
}
.padding-bottom-xxl {
	padding-bottom: 70rpx;
}
.padding-left-xs {
	padding-left: 10rpx;
}

.padding-left-sm {
	padding-left: 20rpx;
}

.padding-left {
	padding-left: 30rpx;
}

.padding-left-lg {
	padding-left: 40rpx;
}

.padding-left-xl {
	padding-left: 50rpx;
}

.padding-lr-xs {
	padding-left: 10rpx;
	padding-right: 10rpx;
}

.padding-lr-xsm {
	padding-left: 16rpx;
	padding-right: 16rpx;
}

.padding-lr-sm {
	padding-left: 20rpx;
	padding-right: 20rpx;
}

.padding-lr {
	padding-left: 30rpx;
	padding-right: 30rpx;
}

.padding-lr-lg {
	padding-left: 40rpx;
	padding-right: 40rpx;
}

.padding-lr-xl {
	padding-left: 50rpx;
	padding-right: 50rpx;
}

.padding-tb-xss {
	padding-top: 6rpx;
	padding-bottom: 6rpx;
}

.padding-tb-xs {
	padding-top: 10rpx;
	padding-bottom: 10rpx;
}

.padding-tb-xsm {
	padding-top: 16rpx;
	padding-bottom: 16rpx;
}

.padding-tb-sm {
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.padding-tb {
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}

.padding-tb-lg {
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}

.padding-tb-xl {
	padding-top: 50rpx;
	padding-bottom: 50rpx;
}

/* ==================
          头像
 ==================== */

.cu-avatar {
	width: 64rpx;
	height: 64rpx;
}

.cu-avatar-xs {
	width: 40rpx;
	height: 40rpx;
}

.cu-avatar-sm {
	width: 52rpx;
	height: 52rpx;
}

.cu-avatar-lg {
	width: 80rpx;
	height: 80rpx;
}

.cu-avatar-xl {
	width: 96rpx;
	height: 96rpx;
}

.cu-goods {
	width: 100rpx;
	height: 100rpx;
}

.cu-photo {
	width: 120rpx;
	height: 120rpx;
}

.cu-photo-xl {
	width: 140rpx;
	height: 140rpx;
}

.cu-photo-sm {
	width: 88rpx;
	height: 88rpx;
}

.tag-img {
	width: 24rpx;
	height: 24rpx;
}

.cu-thumb {
	width: 200rpx;
	height: 200rpx;
}

/* ==================
         溢出隐藏
 ==================== */

.text-cut {
	lines: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.text-cut2 {
	lines: 2;
	text-overflow: ellipsis;
}

.text-cut3 {
	lines: 3;
	text-overflow: ellipsis;
}

/* ==================
          边框
 ==================== */
.border-df {
	border: 1rpx solid #d93722;
}

.border-white {
	border: 1rpx solid #fff;
}

.border-gray {
	border: 1rpx solid #ccc;
}

.border-bottom {
	border-bottom: 0.2rpx solid #eee;
}

.border-bottom-dotted {
	border-bottom: 0.2rpx dotted #ccc;
}

.border-top-dotted {
	border-top: 0.2rpx dotted #ccc;
}

.border-top {
	border-top: 0.2rpx solid #eee;
}

.border-bottom-df {
	border-bottom: 8rpx solid #d93722;
}

.border-left {
	border-left: 1rpx solid #ccc;
}

.button-captcha {
	padding: 8rpx 24rpx;
	border: 1rpx solid rgb(62,109,255,1);
	background-color: rgba(62,109,255,0.1);
	font-size: 24rpx;
	color: rgb(62,109,255,1);
	border-radius: 6rpx;
}

.bg-sell-tag {
	background-color: rgba(219, 64, 44, 0.1);
}

/* ==================
         定位
 ==================== */


.position-fixed-top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

.position-fixed {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.position-fixed-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
}
.position-fixed-bottom1 {
	position: fixed;
	bottom: 30px;
	left: 0;
	right: 0;
	z-index: 999;
}

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.position-absolute-bottom {
	position: absolute;
	left: 0;
	right: 0;
}

.position-absolute-top-right {
	position: absolute;
	right: 0;
	top: 0;
}

.position-absolute-full {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.top {
	top: 0;
}

.left {
	left: 0;
}

.right {
	right: 0;
}

.bottom {
	bottom: 0;
}

/* 其他 */
.overflow-hidden {
	overflow: hidden;
}

.shadow {
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}

.shadow-q {
	box-shadow: 1px 1px 6px #eee;
}

.white-space {
	white-space: nowrap;
}

.scale-sm {
	transform: scale(0.8);
}

/* 字体 */
.iconfont {
	font-family: 'iconfont';
}

.other-navigator-hover {
	opacity: 0.8;
}

.checked {
	width: 20px;
	height: 20px;
	border-radius: 20px;
	border: 1rpx solid #ccc;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.checked-sm {
	width: 16px;
	height: 16px;
	border-radius: 16px;
	border: 1rpx solid #ccc;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.checked-item {
	width: 12px;
	height: 12px;
	border-radius: 12px;
	background-color: #64B5F6;
}

.nowrap {
	white-space: nowrap;
}

/* 分割线 */
.divider {
	width: 2rpx;
	height: 30rpx;
	background-color: #ccc;
}


/* 去色 颜色变灰 */
.filter-gray {
	filter: grayscale(100%);
}

.filter-saturate {
	filter: saturate(0);
	opacity: 0.6;
}

.opacity-df {
	opacity: 0.6;
}

.botton-none {
	background: none;
	border: none;
	padding: 0;
}

.botton-none::after {
	border: none;
}

/* 分隔符 */
.delimiter {
	width: 1rpx;
	height: 24rpx;
	background-color: #999;
}

/* 删除线 */
.strike-through-text {
	text-decoration: line-through;
}

.line-height-xs {
	line-height: 1em;
}

.line-height {
	line-height: 1.5em;
}

.line-height-lg {
	line-height: 1.8em;
}

.spot-red {
	width: 12rpx;
	height: 12rpx;
	border-radius: 12rpx;
	background-color: #D32F2F;
}

.letter-df {
	letter-spacing: 0.05em;
}
.hotSellingGoods {
	width: 136rpx;
	height: 48rpx;
	font-family: Source Han Sans, Source Han Sans;
	font-weight: 500;
	font-size: 34rpx;
	color: #222222;
	line-height: 48rpx;
	text-align: left;
	font-style: normal;
	text-transform: none;
	margin: 20rpx 0;
}